<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大唐艺术家</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="dist/js/swiper.jquery.min.js"></script>
    <script type="text/javascript" src="js/masonry-docs.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div id="header">
        <div class="header_bar">
            <div class="web_inner">
                <div class="float_l">
                    <a href="javascript:;" class="float_l curr">大唐艺术网首页</a>
                    <a href="javascript:;" class="float_l">设为首页</a>
                    <a href="javascript:;" class="float_l">加入收藏</a>
                </div>
                <div class="float_r">
                    <a href="javascript:;" class="float_l">客服热线：010-12345678</a>
                    <a href="javascript:;" class="float_l">登录</a>
                    <a href="javascript:;" class="float_l">免费注册</a>
                </div>
            </div>
        </div>
        <div class="index_header">
            <div class="web_inner">
                <div class="logo float_l">
                    <img src="images/logo.jpg" alt="">
                </div>
                <ul class="nav_bar float_r">
                    <li class="nav_item">
                        <a href="javascript:;" class="title">首页</a><br>
                    </li>    
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺讯</a>
                        <ul class="nav_sun">
                            <li><a href="javascript:;">美术综合</a></li>
                            <li><a href="javascript:;">拍卖资讯</a></li>
                            <li><a href="javascript:;">集藏信息</a></li>
                            <li><a href="javascript:;">艺术市场</a></li>
                            <li><a href="javascript:;">艺术交流</a></li>
                            <li><a href="javascript:;">访谈评论</a></li>
                            <li><a href="javascript:;">展览资讯</a></li>
                            <li><a href="javascript:;">美术大家</a></li>
                        </ul>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺术家</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺品</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">展览</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">拍卖</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">视频</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">专题</a>
                    </li>
                    <li class="nav_item curr">
                        <a href="javascript:;" class="title">电子画册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--content start-->
    <div class="min-w">
        <img src="images/banner_02.jpg" alt="">
    </div>
    <div id="index_floor_box" class="web_inner clear mt20">
        <div class="store_left">
            <div class="modules">
                <div class="card">
                    <a class="thumb"><img src="images/author-01.jpg"></a>
                    <div class="right">
                        <p class="name"><a href="">齐白石</a> · 艺术家</p>
                        <p class="t">作品：<span class="red">123</span></p>
                        <p class="t">访问量：<span class="red">123</span></p>
                        <p class="t">领域：国画</p>
                    </div>
                </div>
                <div class="btns clear">
                    <span class="btn">关注</span>
                    <span class="btn">私信</span>
                </div>
                <div class="clamp3">齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生......</div>
                <div class="item">
                    <a href="javascript:;" class="thumb">
                        <img src="images/huace.jpg" alt="" class="bg">
                        <img src="images/icon-code.png" alt="" class="code">
                        <div class="code-mask">
                            <img src="images/code-eg.png" alt="">
                        </div>
                    </a>
                    <div class="content">齐白石的电子画册 &nbsp;&nbsp; <i class="iconfont icon-xin green"></i>12345 <i class="iconfont icon-fenxiang"></i></div>
                </div>
            </div>
            <div class="modules mt20">
                <div class="p1">
                    <p>艺术分类 <span class="btn">全部</span></p>
                    <ul>
                        <li>首字母</li>
                        <li>艺术领域</li>
                        <li>艺术国籍</li>
                    </ul>
                </div>
                <div class="p1"><p>更多中国国籍艺术家</p></div>
                <div class="clear">
                    <a class="author_thumb"><img src="images/author-01.jpg"></a>
                    <a class="author_thumb"><img src="images/author-01.jpg"></a>
                    <a class="author_thumb"><img src="images/author-01.jpg"></a>
                </div>
            </div>
        </div>

        <div class="store_right">
            <div class="modules">
                <div class="list_title">
                    <span class="title">艺术家简介</span>
                </div>
                <div>
                     齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生，号白石、白石山翁、老 齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生，号白石、白石山翁、老 齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生，号白石、白石山翁、老 齐白石（1864-1957），湖南湘潭人，祖籍安徽宿州砀山，原名纯芝，字渭青，号兰亭。后改名璜，字濒生，号白石、白石山翁、老
                </div>


                <div class="list_title">
                    <span class="title">作品</span>
                </div>
                <ul class="product_list clear" id="masonry">
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/author-01.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/huace.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/huace.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/p-banner_02.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                    <li class="masonry-item">
                        <a class="thumb" href="javascript:;"><img src="images/zx.jpg"></a>
                        <a class="clamp1" href="javascript:;">下乡季</a>
                        <p>李云吉 | 2018-05-05 &nbsp;&nbsp; <i class="iconfont icon-yanjing"></i>123456</p>
                    </li>
                </ul>
                <div class="pages">
                    <a href="javascript:;" class="iconfont icon-zuo"></a>
                    <a href="javascript:;" class="curr">1</a>
                    <a href="javascript:;">2</a>
                    <a href="javascript:;">3</a>
                    <a href="javascript:;" class="iconfont icon-zuo1"></a>
                    <span>显示1至12条，共16条记录</span>
                </div>



                <div class="list_title">
                    <span class="title">资讯</span>
                </div>
                <ul class="news_list">
                    <li class="item">
                        <a href="javascript:;" class="thumb"><img src="images/zx.jpg" alt=""></a>
                        <div class="content">
                            <a class="title clamp1">景兴通宝图片及价格_2011年第46景兴通宝图片及价格</a>
                            <p class="desc clamp3">景兴通宝图片及价格_2011年第46周景兴通宝图片及价格_2011年第46周景兴通宝图片及价格_2011年第46周景兴通宝图片及价格_2011年第46周景兴通宝图片及价格_2011年第46周景兴通宝图片及价格_2011年第46周景兴通宝图片及价格_2011年第46周景兴通宝图片及价格_2011年第46周 艺术网 讯景兴通宝后黎朝显宗黎维褍景兴景兴通宝图片及价格</p>
                            <div class="tags">
                                <span class="tag">中央美术学院</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>2018-05-05</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span><i class="iconfont icon-yanjing"></i>1234</span>
                            </div>
                        </div>
                    </li>
                </ul>


                <div class="list_title">
                    <span class="title">展览</span>
                </div>
                <ul class="zhanlan_list clear">
                    <li>
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg">
                        </a>
                        <div class="content">
                            <a href="javascript:;" class="clamp1">瞌充梦东——宋陵个展</a>
                            <p>2018-01-01--2018-02-02</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg">
                        </a>
                        <div class="content">
                            <a href="javascript:;" class="clamp1">瞌充梦东——宋陵个展</a>
                            <p>2018-01-01--2018-02-02</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg">
                        </a>
                        <div class="content">
                            <a href="javascript:;" class="clamp1">瞌充梦东——宋陵个展</a>
                            <p>2018-01-01--2018-02-02</p>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="thumb">
                            <img src="images/huace.jpg">
                        </a>
                        <div class="content">
                            <a href="javascript:;" class="clamp1">瞌充梦东——宋陵个展</a>
                            <p>2018-01-01--2018-02-02</p>
                        </div>
                    </li>
                </ul>


                <div class="list_title">
                    <span class="title">留言区</span>
                </div>
                <div class="liuyan">
                    <textarea rows="6"></textarea>
                    <button class="btn">评价</button>
                    <div class="clear"></div>
                    <ul class="pingjia_list">
                        <li>
                            <img src="images/author-01.jpg" class="head">
                            <div class="cont">
                                <p class="name">磨大师 &nbsp;&nbsp;&nbsp;&nbsp;<span class="time">5-19 5:00</span></p>
                                <p class="c">大师就是大师啊，支持一下</p>
                                <div class="tags">
                                    <span>回复</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <span>分享</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <span>举报</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <img src="images/author-01.jpg" class="head">
                            <div class="cont">
                                <p class="name">磨大师 &nbsp;&nbsp;&nbsp;&nbsp;<span class="time">5-19 5:00</span></p>
                                <p class="c">大师就是大师啊，支持一下</p>
                                <div class="tags">
                                    <span>回复</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <span>分享</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <span>举报</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--content end-->
    <!--footer atart-->
    <div id="footer">
        <div class="web_inner">
            <div class="float_l">
                <a href="javascript:;" class="float_l">2005-2018 © All Rights Reserved.</a>
            </div>
            <div class="float_r">
                <a href="javascript:;" class="float_l iconfont icon-iconfontdengluweibode5959"></a>
                <a href="javascript:;" class="float_l iconfont icon-weixin1"></a>
                <a href="javascript:;" class="float_l iconfont icon-qq"></a>
            </div>
            <i class="iconfont icon-huojian scrollTop"></i>
        </div>
    </div>
    <!--footer end-->
</body>
</html>